<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>

<script>
import {mapState, mapGetters} from "vuex"
export default {
  computed: {
    /* 内嵌在计算属性中 */
    ...mapState({
      count: state => state.count,

      // 传字符串参数 'count' 等同于 `state => state.count`
      countAlias: 'count',

      // 为了能够使用 `this` 获取局部状态，必须使用常规函数
      countPlusLocalState (state) {
        return state.count + this.localCount
      }
    }),
    ...mapGetters([
      /* 这里传入在 vuex 的 getters 中定义的方法名 */
      /* 或者使用字典定义别名 */
      
    ])
  }
}
</script>
